<template>
  <div>
    <div class="search-box">
      <!-- :inline="true" 表单在一行显示 -->
      <el-form size="small" :inline="true" class="demo-form-inline">
        <slot>1</slot>
        <!-- <el-form-item label="分类名称">
        <el-input v-model="params.catename" placeholder="请输入分类名称" />
      </el-form-item> -->
        <el-form-item>
          <slot name="button" />
        <!-- <el-button icon="el-icon-search" type="primary" @click="searchCate">搜索</el-button>
        <el-button icon="el-icon-refresh" @click="resetCate">重置</el-button> -->
        </el-form-item>
      </el-form>
    </div>
    <!-- 工具条区域 -->
    <div class="tabbar-box">
      <el-row type="flex" justify="space-between">
        <div>
          <!-- plain可以让按钮颜色透明 -->
          <slot name="tool" />

        </div>
        <div>2</div>
      </el-row>
    </div>
  </div>

</template>

<script>
export default {

}
</script>

<style lang = "scss" scoped>
    .tabbar-box{
      margin-bottom: 20px;

    }
</style>
